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An Introduction to Human-Computer Interaction 

A good user interface design enables the user to 
effectively interact with the system and perform his 
tasks. 

a However, if the data is not presented on the user 
interface in a way that the users can interpret it in 
order to be informed about the data, then it can 
sometimes have serious consequences. 

■ Getting the design of a system’s user interface right is 
important for the safety of humans and systems. 

0 Presenting data in a way that provides useful 
information can help us to make sense of the data and 
to take the right decisions. 

■ ■ ■ ■ 
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An lnti|duction to Human-Computer Infraction 



In this unit you will study some of the major issues, 
techniques and principles that arise in the design 
of good user interfaces. The unit aims to: 

Show how computers can be used to create 
meaningful visual representations of information 
which can be used to convey the information content 
of stored data. 



Demonstrates the central importance of human- 
computer interaction and the design of user interfaces 
in computer-based systems. 

Describe the principles which underlie the correct 
interaction between the human user and the 
computer. 
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Interacting with Computer^ 

This section aims to: 

Describe what constitutes the user interface 
of a computer system; 

Explain why good user interface design is 
important; 

Describe the problems caused by poor user 
interface design. 
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Interacting with Computers 



Human-computer interaction (HCI) 

HCI is the study of how humans interact with computers 
and their applications. 

HCI looks at the design of computer systems in which 
humans and computers need to work together and tells 
us how to build user interfaces that are safe, efficient, 
easy and enjoyable to use (as well as functional). 

HCI is a broad subject covering all aspects of the way in 
which people interact with computers and so draws on 
ideas from many subjects, including computer science, 
psychology, engineering, artificial intelligence, 
philosophy, sociology, anthropology and graphic design. 



Interacting with Computers 

The user interface (Ul) 

A user interacts with a computer system via the 
user interface (Ul). 

The user interface constitutes that part of the 
computer system through which the user 
communicates commands, and receives data for 
interaction with a computer system. 

The Ul of different types of computer systems 
are different because the ways in which we 
interact with them are different and the tasks we 
wish to achieve using them vary. 



■■■■ 




■ III; 



III 




■III 



3 





3/8/2010 



Interacting with Computers 

The importance of good user interface design 

The two-way communication that takes place 
during interaction through the Ul is all you will 
see of any computer system. 

And, as long as the two-way communication 
works and allows you to complete your tasks, 
you don’t need to know what is happening, or 
how it happens, beneath the Ul. 

Because of this, certain authors have concluded 
that, to users, the user interface is the system. 
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Dnteracting with Computer^ 

The importance of good user interface design 

Because the tasks determine the two-way 
communication that needs to take place, it is the 
tasks that determine, more or less directly, what 
the Ul for a computer system should be. 
Depending on the design of the interface 
therefore, users of a computer system will 
determine whether or not the whole system is 
usable, i.e. easy to learn and use. 
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Interacting with Computers 



The importance of good user interface design 

A good Ul is: 

One that is easy to use and easy to understand; 

One that meets the needs of the intended users; 

One that supports users in the tasks they wish to 
undertake. 

A good Ul designer thinks about the users of the 
Ul and pays great attention to the usability of the 
Ul for users. 



A cardinal rule for good Ul design is always to 

be aware of a user’s needs. 
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(□■i Interacting with Computed 

What is usability? 

■ Usability is the extent to which a [system] can be 
used by specified users to achieve specified 
goals [or tasks] with effectiveness, efficiency, 
and satisfaction in a specified context of use. 

Effectiveness refers to the goals or tasks being 
achieved accurately and completely. 

Efficiency refers to the resources expended - 
not too many - to achieve the goal or task. 
Satisfaction refers to the comfort and 
acceptability of the computer system to its users. 
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Interacting with Computers 

Usability vs. Functionality 

Usability should not be confused with 
‘functionality’. 

Functionality is concerned with the functions and 
features of the system and has no bearing on 
whether users are able to use them or not. 
Increased functionality does not mean improved 
usability! 



I Interacting with Computers 



The problems of poor user interface design 

The usability of computer systems impacts the 
effectiveness and efficiency of an organization that 
depends on computer systems. 

Poor usability can lead to decrease in staff productivity, high staff 
turnover, low morale and poor job satisfaction. 

Good usability, on the other hand, can help productivity, staff 
retention, morale and satisfaction. 

■ To design a good Ul for a computer system it is 
important to gain a good understanding of who the users 
will be, their goals, their tasks, and their specific context 
of use. 

In HCI, this is called user-centred design. 



Bill 
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Interacting with Computers 

User-centred design 

A good Ul designer, before designing a system, will try to 
answer the following questions: 

- Who are the users? 

- What are the users’ experiences? 

- What skills do they have? 

- What tasks will they be using the system for? 

■ If the system is a replacement for an existing one, then 
the answers to the following questions will be important 
too. 

- What are the users’ expectations? 

- How do they currently perform the tasks with the current system? 

- How will the new system support and/or change their goals and 
tasks, and environment? 

urn mij 



1 I User Interface Essentials I 

What are the user interface design principles that 
can make user interface designers of us all? 

They’re the most general dos and don’ts of Ul design; 
They provide general guidance and give the essential 
characteristics that all Uls should have; 

They are derived from theoretical and practical 
knowledge and experience (as well as on small 
measure of common sense!). 

This section aims to: 

Explain some important user interface design principles; 
Identify how these principles have been applied in actual 
websites. 



I 
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I User Interface Essentials I 

Standard HCI Terminology for Ul Elements 

Ul Widgets 

- Command button, icon 

- Window, dialogue box 

- Radio-button, check-box, list box 

- Menu bar, menu, toolbar 

- Text box, label 

■ Elements of web pages and websites 

- Link 

- Menu 

- Navigation (or menu) bar 

- Title bar 
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■ User Interface Essentials I 



Standard HCI Terminology for Ul Elements 

Elements of web pages and websites 




■ User Interface Essentials I 

User interface design principles 

There are several Ul design principles in the HCI 
literature. 

The best known are those applying to visibility, feedback, 
affordance, simplicity, structure, consistency and 
tolerance of Ul designs. 

■ Each design principle has helpful guidelines associated 
with it and their application is described by means of 
examples. 
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User Interface Essentials I 



Visibility 

■ Visibility in the context of Ul design means making it clear what a Ul 
element is used for. 

Design principle: All Ul elements should have good visibility. 
Guidelines: To achieve visibility, think about the goal that will be 
achieved by using that element. 

- Are there any icons that could be used to draw the user’s attention? 

- Is there a ‘standard’ symbol for the goal? 

- Is there a single word that describes it? 

Examples: 

- In a Ul for a software DVD player, there is a ‘standard’ recognizable 
symbol for a play button; it looks like an arrow head pointing to the right. 

- In the Ul for a mobile phone, an envelope icon shows that a message 
has been received. 

Good labeling and proper positioning aid visibility. 
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1 I User Interface Essentials I 

Feedback 

Feedback in the context of Ul design means making it clear what 
action has been achieved through the use of the Ul element. 
Feedback is used to say that one part of an action has finished and 
another can begin. 

Design principle: All Ul elements should provide adequate 
feedback in response to the user’s actions. 

Guidelines: Think about what information should be sent back to 
the user about their interaction with the Ul element. 

- Can you give visual feedback, such as a message or an icon? 

- Is there a single word that says that the action has been completed? 

- Is there a ‘standard’ symbol to give the feedback? 

- Can a simple sound be used to say that something has happened? Or 
tactile feedback? Or a combination of these? 
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I User Interface Essentials I 

Feedback 

■ Various kinds of feedback are available for Ul design - audio, tactile, 
visual, as well as any combination of these. 

Examples: 

- When I set an alarm on my mobile phone, a small picture of a bell 
appears next to the time display, indicating that an alarm has been set. 
(visual feedback) 

- When I press any key on the keypad of my mobile phone, a beep is 
heard indicating that a key has been pressed, and I can also feel the 
key being pressed .(audible and tactile feedback) 

- When I press the Record button (labeled ‘REC’) on my video player, the 
words ‘REC’ in red color appear on the display panel of the player to 
indicate that the recording has started, (visual feedback) 



ill! 
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Affordance 

Affordance in the context of Ul design means making it clear how a 

Ul element should be used. 

At a very simple level, to afford means ‘to give a clue’. The clue is of 

how to interact. 

Design principle: All Ul elements should have good affordance. 

Guidelines: Think about how the element looks and behaves. 

- Just as a door handle affords pulling and a mouse button affords 
pushing, the element’s appearance should make it obvious how a user 
should interact with it. 

- Buttons, links, icons, and scroll bars should be designed so that it is 
obvious how they should be used. 

Examples: 

- In the Window OS, buttons are given a shadow which affords pushing. 
The underlining of links on web pages affords clicking. 
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User Interface Essentials I 



Simplicity 

■ Simplicity in the context of Ul design means keeping things as simple as 
possible. 



Design principle: Make simple, common tasks simple to do. 

Guidelines: To achieve simplicity, employ actions, icons, words and user 
interface controls that are natural for the user. 

- Use the user’s own language. 

- Break complex tasks into simpler subtasks. 

- Find out what tasks are most common for your users and make these as short 
and simple as possible for the user to achieve. 

Keeping things simple means spending time getting to know the user and 
what they find natural, and that is sometimes in conflict with the tight 
schedules of modern Ul design. 



Example: Since opening or saving a file in a word-processor application are 
some of the most common tasks that a user performs, menu items (with 
associated buttons or keystrokes) for ‘Open file’ and ‘Save file’ are provided 
in many word-processor applications. 
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1 I User Interface Essentials I 

Structure 

A Ul will be more usable if it is structured in way that is meaningful 
and useful to user. 

Design principle: Structure the Ul in a way that will be meaningful 
for the user. 

Guidelines: Things that the user will think of as related should be 
clearly and closely related and appear together in the Ul, or at least 
they should be clearly and closely associated. 

The structure of the Ul should reflect the user’s understanding of 
how the application will help them achieve their goals. 

Example: In the Word’s “Print” dialogue box, the layout shows how 
related information is grouped together, e.g. Printer, Page range, 
Zoom and Copies. 
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I User Interface Essentials I 



Consistency 

Consistency in appearance, positioning and behavior within the Ul 
makes a system easy to learn and remember. 

Design principle: The presentation of the Ul should be consistent. 
Guidelines: If two Ul elements are to serve the same or similar 
purpose they should be made as consistent as possible. 

Examples: 

- Buttons that say ‘OK’ and ‘Cancel’ on most interfaces have the same 
appearance, perhaps even the same size. They serve similar purposes 
in ending a user interaction, and so should be consistent. The difference 
is the label ‘OK’ and ‘Cancel’, and that reflects the difference in the goal 
they will achieve. 

The menu items in the top bar of different Microsoft Office applications 
are the same and function in a similar way. This consistency across the 
applications helps in learnability. 
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1 I User Interface Essentials I 



Tolerance 

■ Tolerance refers to the ability of a Ul to prevent errors if possible, or 
to make them easy to recover from, if not. 

Design principle: The Ul should be designed to reduce the number 
of user errors and facilitate recovery from them. 

Guidelines: For an interface to be tolerant of errors, you should 
think not only of the correct ways that a user will perform a task, but 
also of the ways in which the user can make errors. 

Are there choices available to the user at a certain point in an 
interaction that could cause errors? In this case make these wrong 
choices unavailable. 

- Is there a message that would help a user confirm a possible wrong 
choice? 

Are there examples of good choices that you can provide? 



Bill 






III 



13 





3/8/2010 



I User Interface Essentials I 

Tolerance 

Examples: 

To prevent the wrong choice of menu item, some items might be 
grayed out. Displaying a help message if a user attempts to 
choose a grayed item can solve this. 

Some user interfaces provide examples to show the type of 
information that is required. For instance, the user could be 
offered an example of the format of a date that is to be entered. 
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1 I User Interface Essentials I 

Recoverability 

Errors are always likely to occur and they are not always due 
to poor Ul design. 

■ There are a variety of reasons why users make errors. They 
could occur when a user is unfamiliar with an application, or 
does not have the right experience or skills, even because of 
stress or tiredness, interruptions, noise in the work- 
environment. 

Q Good Ul should help a user recover from an error. 

Recoverability of a Ul refers to how easy it is for users to 
recover from their mistakes. There are two types of error 
recovery: 

- Backwards error recovery 

- Forwards error recovery 

HIM ■ ■ ■ ■ j 
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I User Interface Essentials I 



Recoverability 

In backwards error recovery the user will be allowed to 
‘undo’ the effects of the action that caused the error so it 
appears as if the error had never occurred, and the user 
can try again to achieve their goal. 

An example of backwards error recovery is the familiar ‘Undo’ 
action in many applications. 

■ In forwards error recovery , the system accepts the 
error - there is no undo - but still helps the user to 
accomplish their goal. The system will, typically, offer an 
alternative route to the goal. 

An example of forwards error recovery is the error message that 
provides information about why the error occurred, and what is 
necessary for recovery. 



Finding information by interpreting data is a difficult task that 
only humans can do. 

Presenting data so that information can be found from it is 
also a difficult task. 

Visual representations such as graphs or diagrams or maps 
display data in a way that can be interpreted by the user to 
make sense of the data: they make it easy to convert the 
data being displayed into information. 

The use of visual representations for understanding the data 
and gaining insight into it is called information 
visualization . 

It is important that an appropriate visual representation is 
chosen because an inappropriate choice can obscure the 
meaning of the data. 
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Visual Representation of Data 

Computers add many possibilities to visualization: they 
can include real-time interactivity. 

Finding the right way to present your data means helping 
the user get what you want them to get from it without 
making them work too hard. 

■ This section aims to: 

- Describe some of the principles of information visualization; 

- Explain how to make sense of the data our tasks need; 

- Describe some classic examples of information visualization; 

- Show how computer-based applications are influencing modern 
day information visualization. 
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| Visual Representation of Data 

Making sense of data: Presenting information as text 

Text is a very natural way for us to communicate. 

■ It is the dominant way of presenting information in many 
areas, including software and web pages. 

However being able to display text in many different 
colors and with different typefaces can also present 
difficulties to a reader. 

Guideline: When presenting text, make sure the 
typeface and size are appropriate for the display. 



Ill 
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Visual Representation of Data 

Making sense of data: Presenting information as text 
Using the guidelines: 

- Readable text will allow the user to find the information that they 
need easily on the page. 

- Legible text will allow the user to read easily, once they have 
found the information. 

• Consider the lengths of lines and paragraphs, could be changed to 
make the text more legible. 

This can be done by considering the following aspects: 

1 The proper typeface which looks better onscreen. 

* Type size of at least 12 point. 

■ Proper spacing between letters, words, lines and paragraphs. 

■ Proper lengths of lines and paragraphs; not so long. 
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I Visual Representation of Data 



Making sense of data: Presenting numeric data 

There are several graph and chart types that are used to 
present numeric data. 

Line graph, Bar chart and Pie chart. 

Guideline: Ensure that the choice of graph or chart type 
is appropriate for the representation. 

Using the guidelines: Selecting the best chart or graph 
type depends on thinking about the viewer’s task of 
making sense of the data. 

Is there a comparison to be made between different parts of the 
data? 



By grouping data to be compared together, in the same region, the 
eye will be led to the comparison. 
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Visual Representation of Data 



Making sense of data: Presenting numeric data 

- Does the labeling on the graph or chart help the viewer make 
sense of the data? 

■ Is the labeling clear, detailed and thorough? Are the axes properly 
labeled in a graph? 

Is the data presented at the right level of detail to allow the user 
to draw conclusions? 

The chosen graph or chart should draw the viewer's attention to the 
sense and substance of the data, not to something else. 

- Does the chart or graph distort in any way what the data has to 
say? 

• A user whose task is to use your data in their work will not want to 
have their work colored by data distortion. 

■ Check that the data ranges on the two axes of a graph are 
appropriate. 



Making sense of data: Avoiding graphic overkill 

The dos and don’ts of Data-ink 

Data-ink is the part of the graphic that presents the data that 
contributes to the information it is meant to convey. 

Non-data-ink can include important information, e.g. labels or 
grids, but also the fancy graphics that can distract the reader. 
Guideline: The largest share of the ink on a graphic 
should be data-ink. 

Using the guidelines: 

- It’s very difficult to find the right proportion of data-ink to non- 
data-ink. 

Non-data ink should be erased if it distorts the information or 
gets in the way. 
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Visual Representation of Data 

Making sense of data: Avoiding graphic overkill 

Most of the ink in the first graphic, compared with the 
second graphic, is clearly data-ink (labels on the x-axis 
and y-axis), with very little non-data-ink (the frame of the 
chart and the grid ticks). 
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Visual Representation of Data 

Making sense of data: Avoiding graphic overkill 

■ In the figure below, the legend showing the color coding 
for the different sectors is not required, since there are 
only five data values which are well labeled on the pie 
chart itself. 

The legend is non-data-ink, and could be removed. 



banking IT 
10 % 10 % 



■ banking 
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Visual Representation of Data 



Making sense of data: Avoiding chart junk 

Simplicity was a hot topic in the design of Uls. 

- Chart junk is the enemy of simplicity in information visualization. 
It distracts a reader from achieving their task with meaningless 
photos and line art, administrative clutter, fancy fonts and weird 
backgrounds. 

Guideline: Avoid chart junk at all costs! 

Using the guidelines: Ask yourself the following 

questions. 

- Are you using ‘content-free’ decoration? 

- Is that background really necessary? 

- Do those photographs really add information? 

- Finally, is there anything that can be removed without changing 

the message? 



Information visualization: state of the art 

Harry Beck’s map of the London Underground (1931) 

There is no redundant data-ink (each station is marked clearly and 
labeled without anything else coming in the way of the user and the 
information). 

- There is no chart junk (there is minimal information but it is all essential, 
not just content-free decoration). 
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Visual Representation of Data 

Information visualization: state of the art 

■ Monsieur Minard, and Napoleon’s attack on Moscow 

- An astounding and awesome graphic. The technical achievement is just 
as astounding. 

- Five variables, the size of the army, its location and direction, the 
temperature and various dates are plotted telling a rich and coherent 
story. 
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| Visual Representation of Data 

Information visualisation: state of the art 

The simplicity of these state-of-the-art visualizations 
allows us to identify two significant issues associated 
with information visualization: 

- Selection 

* From all the data available, the author had to select the data most 
relevant to the task of the reader. 

■ The power of the graphic depends just as much on the data that is 
discarded as on the data that is presented! 

Representation 

■ Colors and connectivity are used to get the message across. 

Beck used colors and connectivity; the different underground lines 



have different colors. 

1 For Minard, colors mean attack or retreat. 
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Visual Representation of Data 



Information visualisation: state of the art 

Another major achievement in information visualization is 
the Gantt chart. 



A Gantt chart provides a graphical illustration of a 
schedule that helps to plan, coordinate, and track 
specific tasks in a project. 




1 Visual Representation of Data 

Computer-based applications of information visualization 

■ Because of the nature of early information visualization, the 
data would have been of a specialized form, serving 
specialized users, with static presentation. 

Nodaway and as a result of the technological, information 
visualization is available to a much wider range of users, 
supported with the hardware and software required to 
enable a user to analyze data in a powerful and flexible 
away. 

It is the power of the dynamic presentation of data that is 
receiving much attention. Rather than just staring at it, 
users can now ask questions of data or interact with it by, 
for instance, asking what if ... questions, and can receive 
immediate answers. 
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Visual Representation of Data 

Computer-based applications of information visualization 

■ Here are some examples: 

Big stores now often keep records of the number and types of 
product that their customers buy. Based on this data, the 
supermarket managers are able to visualize the shopping 
patterns of customers. Using the data gathered from the check- 
outs, it is also possible to target special offers to individual 
customers and to order products for the stores. 

There are various websites that can help you to find routes and 
maps between two places. You have to enter the names of the 
places corresponding to the start and the end of your journey. A 
map as well as a textual description appears to show you the 
route. You can then use the zoom facility to enlarge the part of 
the route that you are particularly interested in. 
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1 II Designing for the Web 1 1 

This section brings together all the strands that 
you’ve studied so far in this unit, applying them 
to the design of websites and web pages. By the 
end of this section, you may feel ready to design 
your own! 

The section aims to: 

- Explain the principles you need to consider when 
designing a website; 

Show you how to design a home page; 

Show you how to design interior pages. 
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■ L Designing for the Web ■■ 



There are two different parts to web design. 

- The first is the design of the overall website, how pages link 
together and how they relate to each other. 

- The second is the design of individual web pages. 

In business, a good website and good web page design 
are essential for success. If your visitor has not found 
your site useful they may leave, never to come back. 

For a personal website and web page, web design can 
become a pleasure. 

As a web designer, you will want to create a site that is 
usable and useful. 



■ I Designing for the Web ■■ 



Designing your website 

Here are a few design principles for consideration. 

1. High Quality Content 

High quality will be what is assessed as highly relevant 
and interesting to your readers. 

That brings us back to the tasks and goals of your user, and so 
to user-centred design. 

Ask yourself: what do my users want to achieve from 
visiting my site? 

A website that sells cars should include current prices, 
availability, perhaps even a comparison with your competition. 

A website for personal use should include photos and contact, 
family news and views. 
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■ I Designing for the ' 
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2. Often Updated 

Updating can make your website appear alive! 

- Of course, it’s the content that is driving the update. 

A site should indicate when it was last updated, and 
latest news can be highlighted in some way. 
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1 II Designing for the Web 1 1 

3. Ease of Use 

A simple structure allows each element of the page to 
be tied to its message and enhances the flexibility and 
adaptability of your site (i.e. it enhances future additions 
and changes). 

A consistent layout of web pages aids user navigation 
and helps to establish unity across several pages of the 
website. 

- Consistency increases ease of use, reinforces a sense of 
structure, and decreases learning time associated with 
navigating the site. 
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4. Focus the user’s attention 

Once you have planned a consistent and simple layout, 
make sure that you place the emphasis on those 
elements that should be the centre of your user’s 
attention. 

■ Is there some important information that you want the 
user to see right away? 

- If so, you can use a title, an icon, bright colors, or large font size 
to make an element of the page stand out. 



I ■■■ 






■ 



1 II Designing for the Web 1 1 

5. Relevant to the User’s Needs? 

In addition to having good content, your site must allow 
the users to carry out the tasks they want to perform 
easily with no error. 

■ For example, if a user task will be to choose a 
photograph from your family album, the Ul should allow 
a choice based on the characteristics of the 
photographs: who are the people or places in the photo, 
where they were taken, and so on. 

You should therefore think of the various ways in which 
the users will want to use the information on your site. 
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6. Unique to the Online Medium 

A website should provide added value in terms of the 
convenience and speed of providing information to a 
large number of users. 

■ The ability to share photographs and news using the 
web is also a unique feature that justifies the use of a 
website. 

7. Minimal Download Time 

Make sure that your website is as quick to load as 
possible: include headlines, ‘thumbnails’ of photographs 
with full versions being given only if asked for by the 
user. 



■ I Designing for the Web II 



Designing your home page 

Because it sets the scene for the whole website, the 
most challenging page to design is the home page. 

■ Of course, your home page should tell users where they 
are and what your site does. 

But it is also important to be very clear about why users 
visit your website. 

Here are some guidelines on what to include. 

Something that identifies the website as yours. You 
might include a small picture of yourself, contact details, 
and so on. There’s a growing convention that this is 
usually in the top-left corner. 
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Designing your home page 

2. The name of the website. Again, convention is that this 
appears at the top of the screen. 

3. An important part of telling the users where they are 
also involves the decisions you have made of the 
choice of typeface, colors and page layout. 

4. A brief introduction to the site which clearly expresses 
what the site is about, telling your user what they can 
expect to find here. 

5. You might include a summary of your latest news. 



Designing your interior pages 

One very popular reason people visit websites is to view, 
scan, or read the site’s content. 

The information to be included should be relevant, credible, 
useful and up to date. 

And it should be well presented and organized. 

■ Interior web pages contain more content and less 
introductory information than a home page. 

Interior pages should have titles and the titles should be 
meaningful. 

For consistency, the look and feel of the interior pages should be 
similar to that of the home page. 

There should always be a link to the home page from an interior 
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Designing your interior pages 

Here are some tips to improve the look of your website. 

- Consistency can have a major impact on the users’ perception of 
usability, quality and professionalism. 

- Inconsistencies in design may lead to a subtle impression that 
your website lacks professionalism. 

- Small errors in spelling and grammatical mistakes will also 
reduce the feeling of quality. 

- Make sure that information either does not change with time or is 
up to date. Out-of-date information reduces quality. 



Bill 
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Interacting with web pages 

There are two other design issues of interaction with web 
pages: 

1. Scrolling 

■ The important content of a page should be visible without 
scrolling. 

■ In general, it is better to ensure that all the links are visible 
without scrolling, otherwise your user may miss them. 

■ Shorter pages are better for home pages and for 
documents intended to be read online. 

■ Longer pages are generally better when the content needs 
to be printed out and then read. 
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Interacting with web pages 
2. Designing for accessibility 

The web can provide tremendous benefits, but only if it 
can be accessed! 

■ Your websites should be designed so that they can be 
accessed by people whose eyesight and/or hearing is 
impaired. 

One solution might just mean using bigger text. 



Bill 






■ III 



Unit Summary 

The central theme of this unit has been the 
importance of human-computer interface 
design. 

You first studied how to design the interaction 
between the user and a computer system and 
how a small number of principles can guide this 
process. 

You saw how the visual presentation of data can 
help the user to gain an insight into its 
information content. 

■ Finally, you studied the principles you need to 
consider when designing a website. You looked 
at the differing requirements for the home and 
interior web pages. 
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